<template>
	<view>
		<!-- <view class="user-section">
			<image class="bg" src="/static/user-bg.jpg"></image>
			<text class="bg-upload-btn yticon icon-paizhao"></text>
			<view class="portrait-box">
				<image class="portrait" :src="userInfo.portrait || '/static/missing-face.png'"></image>
				<text class="pt-upload-btn yticon icon-paizhao"></text>
			</view>
		</view> -->
		
		<!-- 头部提醒开始 -->
		<!-- <view class="header">
			<view class="info">请完善您的个人信息，以便于我们提升您的用户体验，所有资料我们将为您加密储存。</view>
		</view> -->
		
		<view class="perfect-info">
			完善资料
		</view>
		<view class="perfect-info-line"></view>
		
		<!-- 宝宝头像图片选择 -->
		<view class="baby-sel">
			<image :src="item.img" mode="" v-for="(item, index) in babyImgList" :key="index" @click="selBaby(index)"></image>
		</view>
		<!-- 表单信息开始 -->
		<!-- <view class="form-info">
			<view class="head-portrait">
				<text>头像</text>
				<view class="img-box">
					<image :src="userInfo.portrait || '/static/missing-face.png'"></image>
					<view class="iconfont icon-gengduo"></view> 
				</view>
			</view> 
		</view>
		<view class="form-info">
			<view class="head-portrait">
				<text>用户昵称</text>
				<view class="img-box">
					<input style="text-align: right;color: #032545;" class="uni-input" placeholder="请完善信息" />
					<view class="iconfont icon-gengduo"></view> 
				</view>
			</view> 
		</view> -->
		<view class="form-info">
			<view class="head-portrait">
				<text>所在城市</text>
				<view class="img-box">
					<!-- <view class="uni-list-cell-db">
						<picker @change="bindPickerChangeCity" :value="index1" :range="array">
							<view class="uni-input" style="color: #032545;">{{array[index1]}}</view>
						</picker>
					</view> -->
					<view @click="openPicker">
						<view style="color: #032545;font-size: 32rpx;margin-left: 50rpx;width: 460rpx;" v-show="!isShowCity">{{ region }}</view>
						<view style="color: #acb3bb;font-size: 32rpx;margin-left: 50rpx;width: 460rpx;" v-show="isShowCity">请选择您的常住的城市</view>
					</view>
					
					<lotus-address v-on:choseVal="choseValue" :lotusAddressData="lotusAddressData"></lotus-address>
					<view class="iconfont icon-gengduo"></view> 
				</view>
			</view> 
		</view>
		<view class="form-info">
			<view class="head-portrait">
				<text>宝宝大名</text>
				<view class="img-box">
					<input style="color: #032545;" class="uni-input" placeholder="请输入宝宝的完整姓名" v-model="form.babyname" @blur="viewDefault"/>
					<view class="iconfont icon-gengduo"></view> 
				</view>
			</view> 
		</view>
		<view class="form-info">
			<view class="head-portrait">
				<text>出生日期</text>
				<view class="img-box">
					<view class="uni-list-cell-db">
						<picker mode="date" :value="date" :start="startDate" :end="endDate" @change="bindDateChange">
							<view class="uni-input" style="color: #032545;">{{date}}</view>
						</picker>
					</view>
					<view class="iconfont icon-gengduo"></view> 
				</view>
			</view> 
		</view>
		
		<view class="form-info">
			<view class="head-portrait">
				<text>是否会员</text>
				<view class="img-box">
					<view class="uni-list-cell-db">
						<picker @change="bindPickerChangeMember" :value="index3" :range="memberVip" range-key="name">
							<view class="uni-input" style="color: #032545;" v-show="isMember">{{memberVip[index3].name}}</view>
							<view class="uni-input" style="color: #acb3bb;font-size: 32rpx;" v-show="!isMember">是否旗下合作品牌会员</view>
						</picker>
					</view>
					<view class="iconfont icon-gengduo"></view> 
				</view>
			</view> 
		</view>
		<view v-if="isShowBrandStore">
			<view class="form-info">
				<view class="head-portrait">
					<text>所属品牌</text>
					<view class="img-box">
						<view class="uni-list-cell-db">
							<picker @change="bindPickerChangeBrand" :value="index2" :range="brandObj" range-key="name">
								<view class="uni-input" style="color: #032545;" v-if="isBrand">{{brandObj[index2].name}}</view>
								<view class="uni-input" style="color: #acb3bb;font-size: 32rpx;" v-if="!isBrand">请选择您报名合作品牌</view>
							</picker>
						</view>
						<view class="iconfont icon-gengduo"></view>
					</view>
				</view> 
			</view>
			
			<view class="form-info">
				<view class="head-portrait">
					<text>所在门店</text>
					<view class="img-box">
						<view class="uni-list-cell-db">
							<picker @change="bindPickerChangeStores" :value="index4" :range="theCenterObj" range-key="name">
								<view class="uni-input" style="color: #032545;" v-if="isStore">{{theCenterObj[index4].name}}</view>
								<view class="uni-input" style="color: #acb3bb;font-size: 32rpx;" v-if="!isStore">请选择您所在品牌门店</view>
							</picker>
						</view>
						<view class="iconfont icon-gengduo"></view>
					</view>
				</view> 
			</view>
		</view>
		<view class="tips">* 以上信息加密存储. 门店选择错误将导致您无法查看正确活动信息.</view>
		
		<text class="mix-btn" @click="confirm">确认提交</text>
	</view>
</template>

<script>
	import {  
	    mapState,  
	    mapMutations  
	} from 'vuex';
	import lotusAddress from "../../components/Winglau14-lotusAddress/Winglau14-lotusAddress.vue"
	import { getBrandList, getStoreList, memberEdit, getUserInfo } from '../../api/index.js'
	function formatTen(num) { 
	return num > 9 ? (num + "") : ("0" + num); 
	} 
	 
	function formatDate(date) { 
		var year = date.getFullYear(); 
		var month = date.getMonth() + 1; 
		var day = date.getDate(); 
		var hour = date.getHours(); 
		var minute = date.getMinutes(); 
		var second = date.getSeconds(); 
		return year + "-" + formatTen(month) + "-" + formatTen(day); 
	}
	export default {
		data() {
			const currentDate = this.getDate({
				format: true
			})
			return {
				date: currentDate, // 日期
				index1: 0, // 所在城市
				index2: 0, // 所在城市
				index3: 0, // 是否会员
				index4: 0, // 所在中心
				array: ['中国', '美国', '巴西', '日本'],
				isShowCity: true, // 城市三级联动
				brand: [],
				isBrand: false,
				brandObj: [], // 存储所有的品牌列表
				currentBrand: '', // 当前品牌
				memberVip: [
					{
						id: 1,
						name: '是',
						val: 1
					},
					{
						id: 2,
						name: '否',
						val: 0
					}
				],
				isMember: false,
				theCenter: [],
				theCenterObj: [], // 存储所有的门店列表
				isStore: false,
				babyImgList: [
					{
						id: 1,
						img: '../../static/boy.png'
					},
					{
						id: 2,
						img: '../../static/girl.png'
					},
					{
						id: 3,
						img: '../../static/none.png'
					}
				],
				babyImgListS: ['../../static/boy_active.png','../../static/girl_active.png','../../static/none_active.png'],
				isShowBrandStore: false, // 品牌和门店一开始是否显示
				form: {
					ismember: '',  // 是否会员(1-是 0-否)
					brand_id: '',  // 品牌id(是会员时必填)
					center_id: '', // 中心id(是会员时必填)
					baby_sex: '',  // 宝宝性别(0-未知 1-男 2-女)
					birthday: this.date,  // 出生日期
					babyname: '',  // 宝宝姓名
					province: '',  // 省
					city: '' ,     // 市
					area: ''       // 区
				},
				userInfoDetail: {}, //  保存默认数据的
				flag: false,
				// 省市区 数据
				lotusAddressData:{
					visible:false,
					provinceName:'',
					cityName:'',
					townName:'',
					show: true
				},
				region:'',
				Aid: '', // 活动ID
				
			};
		},
		components:{
			"lotus-address":lotusAddress
		},
		computed:{
			// ...mapState(['userInfo']),
			startDate() {
				return this.getDate('start');
			},
			endDate() {
				return this.getDate('end');
			}
		},
		onLoad(option) {
			this._getUserInfo() // 获取当前用户信息
			this.Aid = option.id
		},
		methods: {
			// 获取当前用户信息
			_getUserInfo() {
				getUserInfo({}, (res) => {
					console.log(999999)
					console.log(res.data.member)
					console.log(999999)
					this.userInfoDetail = res.data.member
					this.flag = true
					if (this.userInfoDetail.baby_sex == 0) {
						this.babyImgList[2].img = this.babyImgListS[2]
						this.form.baby_sex = 0
					} else if (this.userInfoDetail.baby_sex == 1) {
						this.babyImgList[0].img = this.babyImgListS[0]
						this.form.baby_sex = 1
					} else if (this.userInfoDetail.baby_sex == 2) {
						this.babyImgList[1].img = this.babyImgListS[1]
						this.form.baby_sex = 2
					} 
					if (this.userInfoDetail.province && this.userInfoDetail.city) {
						this.isShowCity = false
						this.region = `${this.userInfoDetail.province} ${this.userInfoDetail.city} ${this.userInfoDetail.area}`
						this.form.province = this.userInfoDetail.province
						this.form.city = this.userInfoDetail.city
						this.form.area = this.userInfoDetail.area
						if (this.userInfoDetail.area.includes("市")) {
							this._getBrandList(this.userInfoDetail.area) // 获取品牌列表
						} else {
							this._getBrandList(this.userInfoDetail.city) // 获取品牌列表
						}
					}
					if (this.userInfoDetail.babyname) {
						this.form.babyname = this.userInfoDetail.babyname
					}
					if (this.userInfoDetail.birthday) {
						this.date = this.form.birthday = this.userInfoDetail.birthday
					}
					if (this.userInfoDetail.ismember == 1) {
						this.isMember = true
						this.index3 = 0
						this.isShowBrandStore = true
						this.form.ismember = 1
						
					} else if (this.userInfoDetail.ismember == 0) {
						this.isMember = true
						this.index3 = 1
						this.form.ismember = 0
					} else {
						this.form.ismember = ''
					}
					
					if (this.userInfoDetail.brand_id) {
						this.form.brand_id = this.userInfoDetail.brand_id
						this.isBrand = true
						console.log('dsadadadada')
						console.log(this.brandObj)
						console.log('dsadadadada')
						if (this.userInfoDetail.area.includes("市")) {
							this._getStoreList(this.userInfoDetail.brand_id, this.userInfoDetail.area) // 获取门店列表
						} else {
							this._getStoreList(this.userInfoDetail.brand_id, this.userInfoDetail.city) // 获取门店列表
						}
						
					}
					if (this.userInfoDetail.center_id) {
						this.form.center_id = this.userInfoDetail.center_id
						this.isStore = true
					}
					
				})
			},
			
			//打开picker
			openPicker() {
				this.lotusAddressData.visible = true;
				this.lotusAddressData.provinceName = '福建省';
				this.lotusAddressData.cityName = '福州市';
				this.lotusAddressData.townName = '鼓楼区';
			},
			//回传已选的省市区的值
			choseValue(res){
				//res数据源包括已选省市区与省市区code
				// this.isShowCity = true
				if (res.show) {
					this.isShowCity = false
				} else {
					if (this.userInfoDetail.province && this.userInfoDetail.city && this.userInfoDetail.area) {
						this.isShowCity = false
					} else{
						this.isShowCity = true
					}
					
				}
				console.log(res);
				// this.isShowCity = res.show
				this.lotusAddressData.visible = res.visible;//visible为显示与关闭组件标识true显示false隐藏
				//res.isChose = 1省市区已选 res.isChose = 0;未选
				if(res.isChose){
					this.form.province = this.lotusAddressData.provinceName = res.province;//省
					this.form.city = this.lotusAddressData.cityName = res.city;//市
					this.form.area = this.lotusAddressData.townName = res.town;//区
					this.region = `${res.province} ${res.city} ${res.town}`; //region为已选的省市区的值
				}
				if (res.town.includes("市")) {
					this._getBrandList(res.town) // 获取品牌列表
				} else {
					this._getBrandList(res.city) // 获取品牌列表
				}
				if (this.form.brand_id && this.form.city) {
					if (this.form.area.includes("市")) {
						this._getStoreList(this.form.brand_id, this.form.area) // 获取门店列表
					}else {
						this._getStoreList(this.form.brand_id, this.form.city) // 获取门店列表
					}
					
				}
				
			},
			
			// 失去焦点回滚到顶部
			viewDefault() {
				document.body.scrollTop = 0;
				document.documentElement.scrollTop = 0;
			},
			_getBrandList(name) {
				let data = {city:name}
				getBrandList(data, (res) => {
					// console.log(123456789)
					// console.log(res)
					// console.log(123456789)
					this.brandObj = res.data.brands
					this.brandObj.forEach(item => {
						if (item.id == this.userInfoDetail.brand_id) {
							let exist1 = this.brandObj.indexOf(item)
							// console.log('你大爷222')
							// console.log(exist1)
							// console.log('你大爷222')
							this.index2 = exist1
						}
					})
					
				})
			},
			_getStoreList(id,city) {
				let data = {brand_id: id,city: city}
				getStoreList(data, (res) => {
					// console.log(13000000)
					// console.log(res)
					// console.log(13000000)
					this.theCenterObj = res.data.store
					console.log(13000000)
					console.log(this.theCenterObj)
					console.log(this.userInfoDetail.center_id)
					console.log(13000000)
					// this.theCenterObj.forEach(item => {
					// 	if (item.id == this.userInfoDetail.center_id) {
					// 		let exist2 = this.theCenterObj.indexOf(item)
					// 		console.log('你大爷444')
					// 		console.log(exist2)
					// 		console.log(item)
					// 		console.log('你大爷444')
					// 		this.index4 = exist2
					// 	} else {
					// 		this.index4 = 0
					// 	}
					// })
					for (let i=0; i < this.theCenterObj.length; i++ ) {
						if (this.theCenterObj[i].id == this.userInfoDetail.center_id) {
							let exist2 = this.theCenterObj.indexOf(this.theCenterObj[i])
							// console.log('你大爷444')
							// console.log(exist2)
							// console.log('你大爷444')
							this.index4 = exist2
							break
						} else {
							this.index4 = 0
						}
					}
				})
			},
			// 选择宝宝
			selBaby(index) {
				console.log('登录f返回上点击返回')
				console.log(index)
				console.log('登录f返回上点击返回')
				this.babyImgList[0].img = '../../static/boy.png'
				this.babyImgList[1].img = '../../static/girl.png'
				this.babyImgList[2].img = '../../static/none.png'
				this.babyImgList[index].img = this.babyImgListS[index]
				if (index === 0) {
					this.form.baby_sex = 1 // 男
				} else if (index === 1) {
					this.form.baby_sex = 2 // 女
				} else {
					this.form.baby_sex = 0 // 未知
				}
			},
			// 确认提交
			confirm() {
				// if (Object.keys(this.userInfoDetail).length != 0) {
				// 	// ismember: '',  // 是否会员(1-是 0-否)
				// 	// brand_id: '',  // 品牌id(是会员时必填)
				// 	// center_id: '', // 中心id(是会员时必填)
				// 	// baby_sex: '',  // 宝宝性别(0-未知 1-男 2-女)
				// 	// birthday: this.date,  // 出生日期
				// 	// babyname: '',  // 宝宝姓名
				// 	// province: '',  // 省
				// 	// city: '' ,     // 市
				// 	// area: ''       // 区
				// 	console.log('你大爷444')
				// 	console.log(this.userInfoDetail)
				// 	console.log('你大爷444')
				// 	let data = {}
				// 	this.form.ismember ? data.ismember = this.form.ismember : data.ismember = this.userInfoDetail.ismember
				// 	this.form.brand_id ? data.brand_id = this.form.brand_id : data.brand_id = this.userInfoDetail.brand_id,
				// 	this.form.center_id ? data.center_id = this.form.center_id : data.center_id = this.userInfoDetail.center_id,
				// 	this.form.baby_sex ? data.baby_sex = this.form.baby_sex : data.baby_sex = this.userInfoDetail.baby_sex,
				// 	this.form.birthday ? data.birthday = this.form.birthday : data.birthday = this.userInfoDetail.birthday,
				// 	this.form.babyname ? data.babyname = this.form.babyname : data.babyname = this.userInfoDetail.babyname,
				// 	this.form.province ? data.province = this.form.province : data.province = this.userInfoDetail.province,
				// 	this.form.city ? data.city = this.form.city : data.city = this.userInfoDetail.city,
				// 	this.form.area ? data.area = this.form.area : data.area = this.userInfoDetail.area,
					
				// 	this.form = data
				// 	console.log("你大爷777")
				// 	console.log(this.form)
				// 	console.log("你大爷777")
				// 	this.validation()
				// } else {
				// 	console.log("你大爷999")
				// 	console.log(this.form)
				// 	console.log("你大爷999")
				// 	if (!this.form.birthday) {
				// 		let date = new Date()
				// 		this.form.birthday = formatDate(date)
				// 	}
				// 	this.validation()
				// }
				
				
				
				console.log("你大爷999")
				console.log(this.form)
				console.log("你大爷999")
				if (!this.form.birthday) {
					let date = new Date()
					this.form.birthday = formatDate(date)
				}
				// if (this.form.ismember == 1) {
					
				// }
				this.validation()
				
				
				
			},
			// 验证表单
			_toast(msg) {
				uni.showToast({
		　　　　　　 title: msg,
		　　　　　　 icon: 'none'
		　　　　 })
			},
			validation() {
				if (this.form.ismember === '') {
					this._toast("请选择是否会员")
					return
				}
				if (this.form.ismember === 0) {
					this.form.brand_id = ''
					this.form.center_id = ''
				}
				if (this.form.ismember == 1) {
					if (this.form.baby_sex === '') {
						this._toast("请选择宝宝性别")
						return
					} else if (!this.form.babyname) {
						this._toast("请填写宝宝姓名")
						return
					} else if (!this.form.birthday) {
						this._toast("请选择宝宝生日")
						return
					} else if (!this.form.province) {
						this._toast("请选择省份")
						return
					} else if (!this.form.city) {
						this._toast("请选择城市")
						return
					} else if (!this.form.area) {
						this._toast("请选择区域")
						return
					}
					// else if (this.form.brand_id === '') {
					// 	this._toast("请选择合作品牌")
					// 	return
					// } else if (!this.form.center_id === '') {
					// 	this._toast("请选择品牌门店")
					// 	return
					// }
					
					this._memberEdit() // 发送请求
					
				} else{
					if (this.form.baby_sex === '') {
						this._toast("请选择宝宝性别")
						return
					} else if (!this.form.babyname) {
						this._toast("请填写宝宝姓名")
						return
					} else if (!this.form.birthday) {
						this._toast("请选择宝宝生日")
						return
					} else if (!this.form.province) {
						this._toast("请选择省份")
						return
					} else if (!this.form.city) {
						this._toast("请选择城市")
						return
					} else if (!this.form.area) {
						this._toast("请选择区域")
						return
					}
					uni.showLoading({
					    title: '提交中'
					});
					this._memberEdit() // 发送请求
				}
				
			},
			_memberEdit() {
				uni.showLoading({
				    title: '提交中'
				});
				memberEdit(this.form, (res) => {
					console.log(5555)
					console.log(res)
					console.log(5555)
					uni.hideLoading()
					if (res.code != 0) {
						// uni.showToast({
						//     title: res.message,
						//     duration: 1000
						// })
						this._toast(res.message)
					} else{
						uni.showToast({
						    title: "提交成功",
						    duration: 1500
						})
						if (this.Aid) {
							let timer = setTimeout(()=> {
								uni.navigateTo({
									url: `/pages/active/detail?id=${this.Aid}`
								})
							},1500);
						} else{
							let timer = setTimeout(()=> {
								uni.switchTab({
									url: '/pages/user/user'
								})
							},1500);
						}
						
					}
					
				})
			},
			bindPickerChangeCity(e) {
				console.log('picker发送选择改变，携带值为', e.target.value)
				this.index1 = e.target.value // 城市
			},
			// 日期选择
			bindDateChange(e) {
				this.date = e.target.value // 日期
				this.form.birthday = this.date
			},
			// 是否会员
			bindPickerChangeMember(e) {
				console.log(333333333333333333)
				console.log(e)
				console.log(333333333333333333)
				this.index3 = e.detail.value // 会员
				
				this.isShowBrandStore = true
				this.index3 == 0 ? this.form.ismember = 1 : this.form.ismember = 0
				// // console.log(333333333333333333)
				// // console.log(this.form.ismember)
				// // console.log(333333333333333333)
				if (this.form.ismember == 1) {
					this.isMember = true
					this.isShowBrandStore = true
				} else{
					this.isShowBrandStore = false
				}
			},
			// 所属品牌
			bindPickerChangeBrand(e) {
				// console.log(e)
				this.index2 = e.detail.value // 品牌
				this.isBrand = true
				let data = this.brandObj[this.index2]
				console.log(333333333333333333)
				console.log(data)
				console.log(333333333333333333)
				this.brandObj.forEach(item => {
					if (item.name == data.name) {
						this.form.brand_id = item.id
					}
				})
				
				if (this.form.area.includes("市")) {
					this._getStoreList(this.form.brand_id, this.form.area || this.userInfoDetail.area) // 获取门店列表
				} else {
					this._getStoreList(this.form.brand_id, this.form.city || this.userInfoDetail.city) // 获取门店列表
				}
				
				// this._getStoreList(this.form.brand_id, this.form.city || this.userInfoDetail.city) // 获取门店列表
				// if (this.form.brand_id && (this.form.city || this.userInfoDetail.city) ) {
				// 	this._getStoreList(this.form.brand_id, this.form.city || this.userInfoDetail.city) // 获取门店列表
				// }
			},
			// 所属门店
			bindPickerChangeStores(e) {
				console.log(e)
				this.index4 = e.detail.value // 门店
				this.isStore = true
				let data = this.theCenterObj[this.index4]
				this.theCenterObj.forEach(item => {
					if (item.name == data.name) {
						this.form.center_id = item.id
					}
				})
			},
			getDate(type) {
				const date = new Date();
				let year = date.getFullYear();
				let month = date.getMonth() + 1;
				let day = date.getDate();
	
				if (type === 'start') {
					year = year - 60;
				} else if (type === 'end') {
					year = year + 2;
				}
				month = month > 9 ? month : '0' + month;;
				day = day > 9 ? day : '0' + day;
				return `${year}-${month}-${day}`;
			}
		}
	}
</script>

<style lang="scss">
	.perfect-info {
		padding: 68rpx 32rpx 16rpx;
		font-family: SourceHanSansCN-Medium;
		font-size: 46rpx;
		color: #032545;
		font-weight: 700;
	}
	.perfect-info-line {
		margin-left: 32rpx;
		width: 114rpx;
		height: 6rpx;
		background-color: #f98b05;
		border-radius: 3px;
	}
	.baby-sel {
		margin-top: 56rpx;
		margin-bottom: 39rpx;
		display: flex;
		justify-content: center;
		image {
			width: 135rpx;
			height: 192rpx;
		}
		image:nth-child(2) {
			margin: 0 54rpx;
		}
	}
	.header {
		width: 750rpx;
		height: 120rpx;
		background-color: #fff9f2;
		.info {
			width: 670rpx;
			height: 60rpx;
			margin: 0 auto;
			padding-top: 19rpx;;
			font-family: PingFangSC-Regular;
			font-size: 24rpx;
			line-height: 38rpx;
			color: #fe8700;
		}
	}
	.form-info {
		background-color: #fff;
		padding: 0 32rpx;
		// margin: 10rpx 0;
		.head-portrait {
			height: 100rpx;
			display: flex;
			align-items: center;
			padding: 5px 0;
			border-bottom: 0.5px solid #f5f5f5;
			text {
				color: #032545;
				font-size: 32rpx;
				display: flex;
			}
			.img-box {
				display: flex;
				align-items: center;
				.uni-input {
					width: 460rpx;
					margin-left: 50rpx;
				}
				image {
					width: 80rpx;
					height: 80rpx;
					border-radius: 50%;
					margin-right: 20rpx;
				}
				.icon-gengduo {
					color: #acb3bb;
				}
				.uni-list-cell-db {
					font-size: 32rpx;
				}
			}
		}
	}
	.mix-btn {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 497rpx;
		height: 91rpx;
		margin: 20rpx auto 40rpx;
		font-size: 38.4rpx;
		color: #fff;
		// background-color: $base-color;
		border-radius: 100rpx;
		box-shadow: 0rpx 8rpx 49rpx 0rpx rgba(249, 139, 5, 0.3);
		background-color: #f98b05;
	}
	.mix-btn:active {
		opacity: 0.9;
	}
	.tips {
		font-family: SourceHanSansCN-Regular;
		font-size: 22rpx;
		line-height: 100rpx;
		color: #f98b05;
		padding-left: 32rpx;
	}
	.uni-input-placeholder {
		color: #acb3bb;
	}
</style>